﻿<!DOCTYPE html>
<html>
<head>
<title>出院结清记录查询</title>
<meta charset="utf-8">
<meta name="keywords" content="短照中心-湘潭市康复养老中心;">
<meta name="description" content="短照中心-湘潭市康复养老中心;">
<link rel="stylesheet" rev="stylesheet" href="css/framepage_print.css" type="text/css" media="screen,print" />
<link rel="stylesheet" rev="stylesheet" href="css/print_table.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="js/waitBox/wait.css">
<script src="js/vue.js"></script>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/JSON-js-master/json2.js"></script>
<script src="js/waitBox/wait.js"></script>
<script src="js/purl.js"></script>
<style type="text/css">
@media print {
.no_print {
	display: none;
}
@page {
margin: 0 10mm 0;
}
.form_div ul {
	margin-top: 0;
}
.rbb_div{width:210mm;height:auto;position:absolute;left:0;top:0;font-size:12pt;color:#000000;}
.rbb_div h3{line-height:6mm;width:210mm;height:5mm;text-align:center;font-size:12pt;color:#000000;}

table.rbb{width:190mm;font-family: verdana,arial,sans-serif;font-size:16px;color:#000000;border:solid 1px #000000;border-collapse: collapse;}
table.rbb td{line-height:8mm;height:8mm;border:1px solid #000000;border-collapse: collapse;padding:0;text-align:center;font-size:10pt;}
table.rbb th{line-height:8mm;height:8mm;border:1px solid #000000;border-collapse: collapse;padding:0;background:#dddddd;font-weight:bold;text-align:center;font-size:10pt;}

table.rbbnei{width:190mm;font-family: verdana,arial,sans-serif;font-size:12pt;color:#000000;magin:0;padding:0;border:0;border-collapse: collapse;}
table.rbbnet td{text-align:left;line-height:8mm;height:8mm;magin:0;padding:0;border:0;border-collapse: collapse;}


table.rbbnei2{width:50mm;font-family: verdana,arial,sans-serif;font-size:14pt;color:#000000;magin:0;padding:0;border:0;border-collapse: collapse;}
table.rbbnet2 td{text-align:left;line-height:8mm;height:8mm;magin:0;padding:0;border:0;border-collapse: collapse;}

table.tb400{width:90mm;text-align:center;border-collapse: collapse;}
table.tb400 td{width:90mm;text-align:center;border-collapse: collapse;}

table.tb400_2{width:90mm;text-align:center;border-collapse: collapse;}
table.tb400_2 td{text-align:center;border-collapse: collapse;}

table.tb100{width:25mm;text-align:center;border-collapse: collapse;}
table.tb100 td{width:25mm;text-align:center;border-collapse: collapse;}

table.tb200{width:50mm;text-align:center;border-collapse: collapse;}
table.tb200 td{width:50mm;text-align:center;border-collapse: collapse;height:32.5mm;}

.v_top{vertical-align: top;}
.tdw50{width:10mm;}
.tdw100{width:25mm;}
.tdw200{width:50mm;}
.tdw400{width:100mm;}
.tdw500{width:125mm;}
.tdw300{width:65mm;}
.tdw700{width:165mm;}
.tdw800{width:190mm;}
.blps{border-collapse: collapse;}
.t_c{text-align:center;}
.h_62{height:17mm;text-align:center;}
}


@media screen {

.rbb_div{width:800px;height:auto;margin-top:30px;margin-left:auto;margin-right:auto;font-size:14px;color:#000000;}
.rbb_div h3{line-height:20px;width:800px;height:20px;text-align:center;font-size:14px;color:#000000;}

table.rbb{width:800px;font-family: verdana,arial,sans-serif;font-size:16px;color:#000000;border:solid 1px #000000;border-collapse: collapse;}
table.rbb td{line-height:30px;height:30px;border:1px solid #000000;border-collapse: collapse;padding:0;text-align:center;font-size:12px;}
table.rbb th{line-height:30px;height:30px;border:1px solid #000000;border-collapse: collapse;padding:0;background:#dddddd;font-weight:bold;text-align:center;font-size:14px;}

table.rbbnei{width:800px;font-family: verdana,arial,sans-serif;font-size:16px;color:#000000;magin:0;padding:0;border:0;border-collapse: collapse;}
table.rbbnet td{text-align:left;line-height:30px;height:30px;magin:0;padding:0;border:0;border-collapse: collapse;}


table.rbbnei2{width:200px;font-family: verdana,arial,sans-serif;font-size:16px;color:#000000;magin:0;padding:0;border:0;border-collapse: collapse;}
table.rbbnet2 td{text-align:left;line-height:30px;height:30px;magin:0;padding:0;border:0;border-collapse: collapse;}

table.tb400{width:400px;text-align:center;border-collapse: collapse;}
table.tb400 td{width:400px;text-align:center;border-collapse: collapse;}

table.tb400_2{width:400px;text-align:center;border-collapse: collapse;}
table.tb400_2 td{text-align:center;border-collapse: collapse;}

table.tb100{width:99px;text-align:center;border-collapse: collapse;}
table.tb100 td{width:99px;text-align:center;border-collapse: collapse;}

table.tb200{width:200px;text-align:center;border-collapse: collapse;}
table.tb200 td{width:200px;text-align:center;border-collapse: collapse;height:122px;}

.v_top{vertical-align: top;}
.tdw50{width:50px;}
.tdw100{width:100px;}
.tdw200{width:200px;}
.tdw400{width:400px;}
.tdw500{width:500px;}
.tdw300{width:300px;}
.tdw700{width:700px;}
.tdw800{width:800px;}
.blps{border-collapse: collapse;}
.t_c{text-align:center;}
.h_62{height:64px;text-align:center;}
}

</style>
</head>

<body style="background:rbg(216,216,216);">

<div class="form_div no_print">
  <h3>出院结清记录查询</h3>

  <!--此处更改为按起始结束日期查询-->

  <ul>
    <li><span class="tit" style="width:70px;">开始日期：</span></li>
    <li style="line-height:36px;"> <span>
      <input type="text" placeholder="请输入年" id="startYear" style="width:100px;position:absolute;top:0;left:0;"/>
      </span>
      <select id="startMonth" style="width:90px;position:absolute;top:0;left:116px;">
        <option value="12">12月</option>
        <option value="11">11月</option>
        <option value="10">10月</option>
        <option value="9">9月</option>
        <option value="8">8月</option>
        <option value="7">7月</option>
        <option value="6">6月</option>
        <option value="5">5月</option>
        <option value="4">4月</option>
        <option value="3">3月</option>
        <option value="2">2月</option>
        <option value="1">1月</option>
      </select>
      <select id="startDay" style="width:90px;position:absolute;top:0;left:210px;">
        <option value="31">31日</option>
        <option value="30">30日</option>
        <option value="29">29日</option>
        <option value="28">28日</option>
        <option value="27">27日</option>
        <option value="26">26日</option>
        <option value="25">25日</option>
        <option value="24">24日</option>
        <option value="23">23日</option>
        <option value="22">22日</option>
        <option value="21">21日</option>
        <option value="20">20日</option>
        <option value="19">19日</option>
        <option value="18">18日</option>
        <option value="17">17日</option>
        <option value="16">16日</option>
        <option value="15">15日</option>
        <option value="14">14日</option>
        <option value="13">13日</option>
        <option value="12">12日</option>
        <option value="11">11日</option>
        <option value="10">10日</option>
        <option value="9">9日</option>
        <option value="8">8日</option>
        <option value="7">7日</option>
        <option value="6">6日</option>
        <option value="5">5日</option>
        <option value="4">4日</option>
        <option value="3">3日</option>
        <option value="2">2日</option>
        <option value="1">1日</option>
      </select>
    </li>
  </ul>
  <ul>
    <li><span class="tit" style="width:70px;">结束日期：</span></li>
    <li style="line-height:36px;"> <span>
      <input type="text" placeholder="请输入年" id="endYear" style="width:100px;position:absolute;top:0;left:0;"/>
      </span>
      <select id="endMonth" style="width:90px;position:absolute;top:0;left:116px;">
        <option value="12">12月</option>
        <option value="11">11月</option>
        <option value="10">10月</option>
        <option value="9">9月</option>
        <option value="8">8月</option>
        <option value="7">7月</option>
        <option value="6">6月</option>
        <option value="5">5月</option>
        <option value="4">4月</option>
        <option value="3">3月</option>
        <option value="2">2月</option>
        <option value="1">1月</option>
      </select>
      <select id="endDay" style="width:90px;position:absolute;top:0;left:210px;">
        <option value="31">31日</option>
        <option value="30">30日</option>
        <option value="29">29日</option>
        <option value="28">28日</option>
        <option value="27">27日</option>
        <option value="26">26日</option>
        <option value="25">25日</option>
        <option value="24">24日</option>
        <option value="23">23日</option>
        <option value="22">22日</option>
        <option value="21">21日</option>
        <option value="20">20日</option>
        <option value="19">19日</option>
        <option value="18">18日</option>
        <option value="17">17日</option>
        <option value="16">16日</option>
        <option value="15">15日</option>
        <option value="14">14日</option>
        <option value="13">13日</option>
        <option value="12">12日</option>
        <option value="11">11日</option>
        <option value="10">10日</option>
        <option value="9">9日</option>
        <option value="8">8日</option>
        <option value="7">7日</option>
        <option value="6">6日</option>
        <option value="5">5日</option>
        <option value="4">4日</option>
        <option value="3">3日</option>
        <option value="2">2日</option>
        <option value="1">1日</option>
      </select>
      <span style="position:absolute;left:304px;top:0;">
      <input type="button" value="查询" class="button_s button1" onclick="findAllPaperReportByPaperType();" style="height:36px;" />
      </span> </li>
  </ul>
</div>

<div class="no_print" style="clear:both;"></div>

<!--新的列表样式-->
<div class="rbb_div" id="vue_vm_list">
  <h3>出院结清记录查询结果</h3>
  <div style="margin:0;padding:0;">
    <h3>{{getPrintDate()}}</h3>
      <table class="rbb">
          <tr>
              <th class="tdw50">序号</th>
              <th class="tdw100">科室</th>
              <th class="tdw100">住院号</th>
              <th class="tdw100">姓名</th>
              <th class="tdw100">票据号</th>
              <th class="tdw100">退押金</th>
              <th class="tdw100">饭卡余额</th>
              <th class="tdw100">总缴款</th>
              <th class="tdw100">总费用</th>
              <th class="tdw100">应退应补</th>
              <th class="tdw100">操作人</th>
          </tr>
          <tr v-for="(item,index) in todos">
              <td class="tdw50">{{index}}</td>
              <td class="tdw100">{{item.elderBeHospitalForm.subjectRoomName}}</td>
              <td class="tdw100">{{item.elderBeHospitalForm.beNumber}}</td>
              <td class="tdw100">{{item.elderBeHospitalForm.elderForm?item.elderBeHospitalForm.elderForm.name:"未知"}}</td>
              <td class="tdw100">{{item.paperNum}}</td>
              <td class="tdw100">{{item.outFeeRecordForm.pledge}}</td>
              <td class="tdw100">{{item.outFeeRecordForm.moneyMealCard}}</td>
              <td class="tdw100">{{item.outFeeRecordForm.totalPay}}</td>
              <td class="tdw100">{{item.outFeeRecordForm.totalFee}}</td>
              <td class="tdw100">{{(item.outFeeRecordForm.pledge+item.outFeeRecordForm.totalPay-item.outFeeRecordForm.totalFee).toFixed(3)}}</td>
              <td class="tdw100">{{item.staffInfoForm?item.staffInfoForm.name:"未知"}}</td>
          </tr>
      </table>

  </div>
</div>
<div class="form_div">
  <div class="for_ie_div no_print"><!--为兼容IE-->
    <ul>
      <li><span class="tit" style="width:70px;"></span></li>
      <li>
        <input type="button" value="打印缴费记录表" class="button button1" onclick="window.print();" style="height:38px;"/>
      </li>
    </ul>
  </div>
</div>
<script src="js/common.js"></script>
<script src="js/common_function.js"></script>
<script src="js/common_date.js"></script>
<script src="js/common_money.js"></script>
<script src="js/busi/0_cy_record_all.js"></script>
</body>
</html>